<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:set var="ctx" value="${pageContext.servletContext.contextPath}"/>

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>登录</title>
    <%--<link href="${ctx}/resources/inter/css/login_style.css" rel="stylesheet"/>--%>
    <%--<link rel="shortcut icon" type="image/png" href="${ctx}/favicon.png"/>--%>
    <link rel="stylesheet" href="${ctx}/resources/assets/css/common.css">
    <link rel="stylesheet" href="${ctx}/resources/assets/css/cloud-list.css">
    <link rel="stylesheet" href="${ctx}/resources/assets/css/animate.css/animate.css">
    <title>世外云</title>

</head>
<body>

<div id="wrap">
    <div class="header">
        <div class="header-logo">
            <img src="${ctx}/resources/assets/images/logo.png">
            <p>世外云</p>
        </div>
    </div>
    <div id="main">
        <div class="animated fadeInLeft container">
            <div class="container-title">
                Hi,
                <br>
                欢迎来到世外云
            </div>
            <div class="container-list">
                <div class="container-list-title">请选择您要进入的云平台</div>
                <c:forEach items="${clients}" var="client" varStatus="xh">
                    <a href="${client.clientUri}">
                        <c:choose>
                        <c:when test="${(xh.index + 1)  % 3 == 0}">
                        <div class="container-list-content right">
                            </c:when>
                            <c:otherwise>
                            <div class="container-list-content">
                                </c:otherwise>
                                </c:choose>
                                <img src="${ctx}${client.icon}">
                                <c:choose>
                                    <c:when test="${fn:contains(client.clientName, '<br/>')}">
                                        <p class="container-list-content-house">${client.clientName}</p>
                                    </c:when>
                                    <c:otherwise>
                                        <p>${client.clientName}</p>
                                    </c:otherwise>
                                </c:choose>

                            </div>
                    </a>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <!--p class="footer-company">成都视外云科技有限公司版权所有</p-->
    <p class="footer-copy">Copyright©2017 蜀ICP备17002650号</p>
</div>

<script src="${ctx}/resources/jquery.min.js"></script>
<script src="${ctx}/resources/assets/js/cloud-list.js"></script>

</body>
</html>